<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Informacion Rentadora</title>
<style type="text/css">
ul li {
display:inline; float:left; padding:12px;
}
body {
background-color: #F2F2F2;
}
</style>
<link rel="stylesheet" href="dev/themes/base/jquery.ui.all.css">
	<script src="dev/jquery-1.5.1.js"></script>
	<script src="dev/ui/jquery.ui.core.js"></script>

	


<script>


function consultarVehiculos() {
	$.get('ConsultarVehiculosServlet',{'id':''}, 
			function(data) {
		var table = document.getElementById("table_veh");
		table.innerHTML = data;
	});
}
function consultarRentas() {
	$.get('ConsultarRentasServlet',{'id':''}, 
			function(data) {
		var table = document.getElementById("table_rent");
		table.innerHTML = data;
	});
}

function consultarReservaciones() {
	$.get('ConsultarReservacionesServlet',{'id':''}, 
			function(data) {
		var table = document.getElementById("table_reserv");
		table.innerHTML = data;
	});
}

function refresh() {
	consultarReservaciones();
	consultarRentas();
	consultarVehiculos();
}
</script>
</head>
<body onload="refresh();">
<ul  >
	<li><a href="index.html">Inicio</a></li>
	<li><a href="consulta_habitacion.html">Consulta de Habitaciones</a></li>
	<li><a href="consulta_vuelos.html">Consulta de Vuelos</a></li>
	<li><a href="consulta_vehiculos.html">Informaci&oacute;n Rentadora</a></li>
</ul><br/><br/>
<button onclick="refresh();">Refrescar</button>
<h1>Información de rentadora</h1>

<h3>Lista de Vehiculos</h3>
<table id="table_veh"  width="100%" class="ui-widget ui-widget-content">
	<thead class="ui-widget-header ">
		<tr>
			<td>Codigo</td>
			<td>Modelo del a&ntilde;o</td>
			<td>Precio por d&iacute;a</td>
			<td>Disponible</td>
			<td>Modelo</td>
			<td>Capacidad</td>
			<td>Clave</td>
			<td></td>
		</tr>	
	</thead>
	<tbody></tbody>
</table>
<h3>Lista de Reservaciones</h3>
<table id="table_reserv"  width="100%" class="ui-widget ui-widget-content">
	<thead class='ui-widget-header '><tr><td>N&uacute;mero</td><td>Cliente</td>
				<td>Fecha Inicio</td><td>Fecha Fin</td><td>Modelo de Vehiculo</td></thead>
	<tbody></tbody>
</table>
<h3>Lista de Rentas</h3>
<table id="table_rent  width="100%" class="ui-widget ui-widget-content">
	<thead class='ui-widget-header '><tr><td>N&uacute;mero</td><td>Cliente</td>
				<td>Fecha Inicio</td><td>Fecha Fin</td><td>Modelo de Vehiculo</td></thead>
	<tbody></tbody>
</table>

</body>
</html>